<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
		<link rel="stylesheet" href="css/css.css" />
	</head>

	<body>
		<div class="header">
			<div class="center">
				<a href="#" class="logo"><img src="images/logo.jpg"></a>
				<a href="#" class="back">返回首页</a>

			</div>
		</div>

		<div class="main">
			<div class="banner">
				<div class="center">
					<div class="g-share">
						<span></span>
						<p>
							<a href="#"><img src="images/share_03.png"></a>
							<a href="#"><img src="images/share_05.png"></a>
							<a href="#"><img src="images/share_07.png"></a>
							<a href="#"><img src="images/share_09.png"></a>
						</p>
					</div>
				</div>
			</div>

			<div class="center">

				<div class="item1" id="n1">
					<div class="l_side">
						<div class="tit">2018年已经过去了155天，<br />快来看看你上半年的非凡经历吧！</div>
						<div class="txt">
							<!--<p>上半年你投资了<b>365</b>次，<br /> 频频出手，风格老练。连钱要说：“谁都不跟，就跟你”
							<br /> 上半年，你在钱爸爸获得收益共计<b>360</b>元，
							<br /> 足够包下<b>365</b>月的共享单车，骑上<b>36560</b>公里</p>-->

							<p>您还未登录，<br /> 马上
								<a href="#">【 <u>登录</u>】</a>可查看我的年中总结，
								<br /> 更有机会获取宝箱中的奖励~
							</p>

						</div>
						<div class="imgbox">
							<!--<img src="images/img0.png"><img src="images/img1.png">
							<img src="images/img2.png">-->
							<img src="images/img3.png">
						</div>
					</div>
					<div class="r_side">
						<div class="tit">基于你不凡的表现，奉上给利宝箱</div>
						<div class="treasurebox">
							<img src="images/treasurebox.jpg" class="hand">
							<!--<img src="images/treasurebox2.jpg">-->
						</div>

						<a href="#" class="btn_side b1"></a>
						<a href="#" class="btn_side b2"></a>

					</div>

					<div class="number">剩余开箱机会：<b>3</b>次</div>

					<div class="btnbox">
						<a href="#">活动已结束</a>
						<div class="btn">活动已结束
							<div>
								<a href="#"><img src="images/share_03.png"></a>
								<a href="#"><img src="images/share_05.png"></a>
								<a href="#"><img src="images/share_07.png"></a>
								<a href="#"><img src="images/share_09.png"></a>
							</div>
						</div>
						<p><span>累计充值1万增加1次</span> <span>成功邀请1位好友增加1次</span></p>
					</div>

				</div>

				<div class="item2" id="n2">
					<div class="txt">看图猜2018上半年的大事件，猜对就有机会拿到<b>888</b>元现金红包哦！<br />扫描下方二维码即可参与游戏</div>
					<a href="#" class="btn_side"></a>
				</div>

				<div class="item3" id="n3">
					<a href="#" class="btn_side"></a>
					<div class="l_side">
						<ul>
							<li><span><em>68</em>元</span>
								<p>单笔首借10000元</p>
							</li>
							<li><span><em>168</em>元</span>
								<p>单笔首借30000元</p>
							</li>
						</ul>
						<div class="btnbox">
							<a href="#">活动已结束</a>
						</div>
					</div>

					<div class="r_side">
						<ul>
							<li><span><em>68</em>元</span>
								<p>好友单笔首借10000元</p>
							</li>
							<li><span><em>138</em>元</span>
								<p>好友单笔首借30000元</p>
							</li>
						</ul>
						<div class="btnbox">
							<div class="btn">活动已结束
							<div>
								<a href="#"><img src="images/share_03.png"></a>
								<a href="#"><img src="images/share_05.png"></a>
								<a href="#"><img src="images/share_07.png"></a>
								<a href="#"><img src="images/share_09.png"></a>
							</div>
						</div>
						</div>
					</div>

				</div>

				<div class="item4" id="n4">
					<div class="tit"><img src="images/i4t.png">
						<p>充值攒旺币，“喜提”现金红包，更有<b>2%</b>加息券和超级豪礼等着你！</p>
					</div>
					<div class="lp">
						<img src="images/lp.png" usemap="#Map">
                        <map name="Map">
                          <area shape="rect" coords="10,44,223,281" href="#">
                          <area shape="rect" coords="228,12,480,334" href="#">
                          <area shape="rect" coords="483,46,693,280" href="#">
                        </map>
					</div>
					<div class="ranking">
						<a href="#" class="btn_side"></a>
						<span class="w1">排名</span><span class="w2">账号</span><span class="w3">手机号</span><span class="w4">旺币数量</span>
						<div id="demo">
							<div id="demo1">
								<span class="w1">排名</span><span class="w2">账号</span><span class="w3">手机号</span><span class="w4">旺币数量</span>
							</div>
							<div id="demo2"></div>
						</div>
					</div>
					<div class="info">
						<div class="t">你当前共有<b>XXX</b>枚旺币，当前等级为存钱罐，可获得现金红包<b>XX</b>元</div>
						<a href="#">获币记录></a>
						<div class="z">注：B为旺币个数 奖励金额为现金红包</div>
					</div>

					<ul>
						<li><span></span><img src="images/j1.png" alt="" /></li>
						<li class="a"><span></span><img src="images/j2.png" alt="" /></li>
						<li><span></span><img src="images/j3.png" alt="" /></li>
						<li><span></span><img src="images/j4.png" alt="" /></li>
						<li><span></span><img src="images/j5.png" alt="" /></li>
					</ul>

					<div class="btnbox">
						<a href="#">活动已结束</a>
					</div>
				</div>

				<div class="item5" id="n5">
					<div class="tit"><img src="images/i5t.png">
						<p>2018过半，赠您一份出借大礼，开启下半年的美好时光~</p>
					</div>
					<div class="rule">
						<a href="#"></a>
						<p>注：R代表累计出借额</p>
					</div>
					<div class="aw">
						<img src="images/aw.png" usemap="#Map2">
                        <map name="Map2">
                          <area shape="rect" coords="83,103,260,291" href="#">
                          <area shape="rect" coords="289,23,455,201" href="#">
                          <area shape="rect" coords="461,179,668,350" href="#">
                          <area shape="rect" coords="669,35,843,196" href="#">
                          <area shape="rect" coords="851,81,1024,286" href="#">
                        </map>
					</div>
					<div class="btnbox">
						<a href="#">活动已结束</a>
					</div>
				</div>

				<div class="item6">
					<div class="t"><img src="images/r.png"></div>
					<p>
						（1）不含债权转让、体验币；<br /> （2）本次活动期间使用不正当手段获得平台奖励的，一经发现，所获奖励全部取消；
						<br /> （3）本次活动结束后5个工作日内公布获奖名单，15个工作日内发放实物奖品；
						<br /> （4）用户需前往【会员中心】→【我的礼品】填写奖品收货地址，以活动期间填写的收货地址为默认发货地址；拒收则默认为放弃领取权利。
						<br /> （5）本活动最终解释权归钱爸爸所有。

					</p>
				</div>

			</div>

		</div>
		
		<div class="footer">
			<div class="center">
				<span>市场有风险，出借需谨慎</span>
				<p>Copyright 2013 深圳市钱爸爸电子商务有限公司 粤ICP备13012371号-2　粤ICP证B2-20160193号</p>
			</div>
		</div>
		
		<div class="sidenav">
			<a href="#n1"></a>
			<a href="#n2"></a>
			<a href="#n3"></a>
			<a href="#n4"></a>
			<a href="#n5"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
		</div>
		
		<div class="p_info" >
			<div class="flip"></div>
			<div class="panel">
				<!--<p>马上 <a href="#">登录 </a>| <a href="#">注册</a> 参加活动</p>-->
				欢迎您, bb14887808<br />
				邀请好友人数：<u>10</u>人<br />
				累计充值金额：12000000,00元<br />
				累计出借金额：12000000,00元<br />
				<a href="#">获奖详情></a>

			</div>
			
		</div>
		
		<script>
			$(function() {
				//侧边导航
				var m_st, m_po = 300;
				$(window).scroll(function() {
					m_st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
					if(m_st > m_po) {
						$(".sidenav").show()
					} else
						$(".sidenav").hide()
				})
				
				$(".flip").click(function(){
					if($(this).hasClass("up")){
						$(this).removeClass("up").siblings().animate({height:"140px"})
					}else{
						$(this).addClass("up").siblings().animate({height:"28px"})
					}
				})
				
			})
		</script>
		
		<script>
			function update(demo, demo1, demo2, speeds) {
				var demo = document.getElementById(demo);
				var demo1 = document.getElementById(demo1);
				var demo2 = document.getElementById(demo2);
				var speed = speeds; //滚动速度值，值越大速度越慢
				var nnn = 200 / demo1.offsetHeight;
				for(i = 0; i < nnn; i++) {
					demo1.innerHTML += "" + demo1.innerHTML
				}
				demo2.innerHTML = demo1.innerHTML //克隆demo2为demo1
				function Marquee() {
					if(demo2.offsetTop - demo.scrollTop <= 0) //当滚动至demo1与demo2交界时
						demo.scrollTop -= demo1.offsetHeight //demo跳到最顶端
					else {
						demo.scrollTop++ //如果是横向的 将 所有的 height top 改成 width left 
					}
				}
				var MyMar = setInterval(Marquee, speed); //设置定时器
				demo.onmouseover = function() {
					clearInterval(MyMar)
				} //鼠标经过时清除定时器达到滚动停止的目的
				demo.onmouseout = function() {
					MyMar = setInterval(Marquee, speed)
				} //鼠标移开时重设定时器
			}

			update("demo", "demo1", "demo2", 60);
		</script>
	</body>

</html>